<template>
    <div class="task">
        <ul class="all_class">
            <li v-for="n in 5">
                <div class="left">
                    <img :src=" src|renderImg(330,240)" alt="">
                </div>
                <div class="right">
                    <div class="name">时间管理八法</div>
                    <div class="type_time">
                        <div class="type">视频慕课</div>
                        <div class="time">3天后截止</div>
                    </div>
                    <div class="class"><i class="iconfont icon-class"></i>中级干部培训班</div>
                </div>
            </li>
        </ul>
      </div>
  </div>
</template>

<script>
export default {
  name: "study_task",
  data() {
    return {
      src:""
    };
  },

  mounted: function() {
    this.$nextTick(function() {});
  },
  methods: {}
};
</script>
<style scoped lang='less'>
.task {
    background: #ffffff;
    .all_class {
      padding: 0 0.15rem;
      li {
        border-top: 0.01rem solid #f0f1f4;
        padding: 0.15rem 0;
        display: flex;
        .left {
          width: 1.1rem;
          height: 0.8rem;
          border-radius: 0.05rem;
          img {
            width: 1.1rem;
            height: 0.8rem;
            border-radius: 0.05rem;
          }
        }
        .right {
          flex: 1;
          padding-left: 0.13rem;
          .name {
            height: 0.24rem;
            line-height: 0.24rem;
            color: #333333;
          }
          .type_time {
            padding: 0.1rem 0 0.12rem 0;
            display: flex;
            .type {
              color: #999999;
              height: 0.13rem;
              font-size: 0.12rem;
              line-height: 0.13rem;
            }
            .time {
              color: #999999;
              height: 0.13rem;
              line-height: 0.13rem;
              font-size: 0.12rem;
              margin-left: 0.05rem;
              padding-left: 0.05rem;
              border-left: 0.01rem solid #adadad;
            }
          }
          .class {
            height: 0.22rem;
            line-height: 0.22rem;
            color: #5f5f5f;
            font-size: 0.13rem;
            i {
              color: #2cba8d;
              font-weight: 800;
            }
          }
        }
      }
    }
}
</style>
